<!--title=抖音视频获取;css=lib/base,douyin_video;js=lib/jquery,lib/jquery.cookie,lib/base,lib/SetColor,lib/download,douyin_video;mobile=yes-->
<body>
<div class="content">
  <div class="content-heading">
    <div class="container margin-bottom">
      <h2 class="text-center heading">抖音视频获取</h2>
      <h3 class="text-center heading margin-bottom"><a href="/" class="btn btn-lg waves-effect waves-button waves-light">返回首页</a></h3>
    </div>
  </div>
  <div class="container" id="main">
    <div class="el-loading-indicator">
      <div class="progress-circular progress-circular-inline progress-circular-">
        <div class="progress-circular-wrapper">
          <div class="progress-circular-inner">
            <div class="progress-circular-left">
              <div class="progress-circular-spinner"></div>
            </div>
            <div class="progress-circular-gap"></div>
            <div class="progress-circular-right">
              <div class="progress-circular-spinner"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <h3 class="content-sub-heading">输入视频链接：</h3>
    <div class="form-group form-group-label">
      <div class="row">
        <div class="col-lg-6 col-sm-8">
          <label class="floating-label" for="inputbox">输入视频链接</label>
          <input class="form-control" id="inputbox" type="text">
          <a class="btn btn-lg waves-effect waves-button waves-light margin-top" id="get">获取</a>
        </div>
      </div>
    </div>
  </div>
  <div class="content" id="table" style="display: none">
    <div class="el-loading-indicator">
      <div class="progress-circular progress-circular-inline progress-circular-">
        <div class="progress-circular-wrapper">
          <div class="progress-circular-inner">
            <div class="progress-circular-left">
              <div class="progress-circular-spinner"></div>
            </div>
            <div class="progress-circular-gap"></div>
            <div class="progress-circular-right">
              <div class="progress-circular-spinner"></div>
            </div>
          </div>
        </div>
        <p>视频下载中，请耐心等待</p>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-10">
          <div class="card-wrap">
            <div class="card">
              <div class="card-main">
                <div class="card-inner margin-no">
                  <div class="card-table">
                    <div class="table-responsive">
                      <table class="table table-hover table-stripe">
                        <tr>
                          <th>视频标题</th>
                          <td id="video_title">XXX</td>
                        </tr>
                        <!--<tr>
                          <th>视频描述</th>
                          <td id="video_description">XXX</td>
                        </tr>-->
                        <tr>
                          <th>视频封面</th>
                          <td id="video_cover">XXX</td>
                        </tr>
                        <tr>
                          <th>视频播放</th>
                          <td id="video_play">XXX</td>
                        </tr>
                        <tr>
                          <th>下载链接</th>
                          <td id="video_link">XXX</td>
                        </tr>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class='footer'><p>Developed by SCH</p><p>Tools {VERSION}<br>Running with PHP {PHP_VER}</p></div>
{SetColor}
{JS}
</body>